<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>task</title>
		<style>
			*{margin:0;padding:0;}
			a{text-decoration:none;}
			ul,li{list-style:none;}
			body{font-size:12px;font-family:"微软雅黑";}
			#box{width:100%;height:50px;background-color:#92dc9b;}
			#box h1{width:100px;height:50px;font-size:30px;margin-left:50%;float:left;}
			#box a{display:inline-block;float:right;margin-right:30px;width:50px;height:50px;text-align:center;font-size:16px;line-height:50px;}
			h2{width:50px;height:30px;text-align:center;line-height:30px;margin:15px auto;}
			#main-box{width:960px;margin:0 auto;margin-top:15px;}
			#main-box a{display:inline-block;width:80px;height:30px;line-height:30px;background-color:#b6e6b6;font-size:14px;margin:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:30px;}
			
		</style>
	</head>
	<body>
		<div id="box">
			<h1>作业</h1>
			<a href="../confused is Blog/confused is Blog.html">首页</a>
		</div>
		<h2>html+css</h2>
		<div id="main-box">
			<a href="../01-常用的HTML标签/作业.html" title="01-常用的HTML标签/作业">常用的HTML标签.html</a>
			<a href="../02-常见css和盒子模型/常见css和盒子模型.html" title="02-常见css和盒子模型">常见css和盒子模型</a>
			<a href="../02-常见css和盒子模型/8个不同的图形.html" title="8个不同的图形">8个不同的图形</a>
			<a href="../04-样式初始化+display/04-样式初始化+display-01.html" title="04-样式初始化+display-01">04-样式初始化+display-01</a>
			<a href="../04-样式初始化+display/04-样式初始化+display-02.html" title="04-样式初始化+display-02">04-样式初始化+display-02</a>
			<a href="../05-选择器初级和背景详解/05-选择器初级和背景详解-01.html" title="05-选择器初级和背景详解-01">05-选择器初级和背景详解-01</a>
			<a href="../05-选择器初级和背景详解/05-选择器初级和背景详解-02.html" title="05-选择器初级和背景详解-02">05-选择器初级和背景详解-02</a>
			<a href="../06-案例/06-案例.html" title="06-案例">06-案例</a>
			<a href="../07-css样式（Font+Text）+特殊符号/07-css样式（Font+Text）+特殊符号.html" title="07-css样式（Font+Text）+特殊符号">07-css样式（Font+Text）+特殊符号</a>
			<a href="../08-选择器高级及a伪类/08-选择器高级及a伪类-01.html" title="08-选择器高级及a伪类-01">08-选择器高级及a伪类-01</a>
			<a href="../08-选择器高级及a伪类/08-选择器高级及a伪类-02.html" title="08-选择器高级及a伪类-02">08-选择器高级及a伪类-02</a>
			<a href="../10-样式优先级/10-样式优先级-01.html" title="10-样式优先级-01">10-样式优先级-01</a>
			<a href="../10-样式优先级/10-样式优先级-02.html" title="10-样式优先级-02">10-样式优先级-02</a>
			<a href="../10-样式优先级/10-样式优先级-03.html" title="10-样式优先级-03">10-样式优先级-03</a>
			<a href="../11.浮动/11.浮动-01.html" title="11.浮动-01">11.浮动-01</a>
			<a href="../12-案例+知识点补充/12-案例+知识点补充.html" title="12-案例+知识点补充">12-案例+知识点补充</a>
			<a href="../13-定位/13-定位.html" title="13-定位">13-定位</a>
			<a href="../14-vertical-align/14-vertical-align.html" title="14-vertical-align">14-vertical-align</a>
			<a href="../15-案例+知识点补充/无缝轮播原生js.html" title="无缝轮播原生js">无缝轮播原生js</a>
			<a href="../16-表单/16-表单-登录.html" title="16-表单-登录">16-表单-登录</a>
			<a href="../17-表格/17-表格-新闻.html" title="17-表格-新闻">17-表格-新闻</a>
			<a href="../17-表格/17-table-成绩单.html" title="17-table-成绩单">17-table-成绩单</a>
			<a href="../18-iframe框架/iframe框架练习.html" title="iframe框架练习">iframe框架练习</a>
			<a href="../26-常用的html5标签-作业/26-常用的html5标签-作业.html" title="26-常用的html5标签-作业">26-常用的html5标签-作业</a>
			<a href="../27-css3新增选择器/27-css3新增选择器-选项卡.html" title="27-css3新增选择器-选项卡">27-css3新增选择器-选项卡</a>
			<a href="../28-css过渡+动画/28-css过渡+动画-作业1.html" title="28-css过渡+动画-作业1">28-css过渡+动画-作业1</a>
			<a href="../28-css过渡+动画/28-css过渡+动画-作业2.html" title="28-css过渡+动画-作业2">28-css过渡+动画-作业2</a>
			<a href="../30-2D变换/30-2D变换作业.html" title="30-2D变换作业">30-2D变换作业</a>
		</div>
		
		<script src="../js/jquery-1.12.2.min.js""></script>
		<script src="../js/dom.js"></script>
		<script type="text/javascript">
			


		</script>	
		
		
	</body>
</html>
